*{
    /*清除所有标签的外边距，否则div100%宽也无法顶满网页宽度*/
    padding: 0px;
    margin: 0px;
}

body{
    background-color: #eeeeee;
}

.top{
    width: 100%;
    height: 70px;
    background-color: black;
}

.topcenter{
    width: 1000px;
    height: 100%;
    background-color: #777777;
    font-size: 20px;
    text-align: center;
    /*margin: 0px auto 0px auto;*/
    /*简写 两个参数时第一个参数代表上下，第二个参数代表左右，auto自动计算距离*/
    margin: 0px auto;
}

.middle{
    height: 1000px;
    width: 1000px;
    background:linear-gradient(#fffa98,#ffb6);
    margin: 0 auto;
    background-color: #4a77d4;
}

.middle1{
    width: 100%;
    height: 30%;
    background-color:#cfff7a;
    margin: 0 auto;
}

.middle2{
    height: 50px;
    width: 100%;
    background-color: greenyellow;
    margin: 50px 0;
}

.bottom{
    height: 50px;
    width: 1000px;
    background-color: #3762bc;
    margin: 20px auto 0px auto;
    /*margin: 50px 200px;*/
}
